<template>
  <div>
    <div class="mokuai1">
      <h3>先用全局的过滤器在main.js里面</h3>
      <h4>这是绑定双花括号</h4>
      <p>{{msg|guolv}}</p>
      <h4>这是绑定bin</h4>
      <p :myids="myids|bin">这是绑定bin</p>
      <h3>局部过滤在本组件下的filters，全局跟局部区别是filter加个s</h3>
      <p>{{100|rmb}}</p>
      <h3>传参使用</h3>
      <p>{{500|start(200,300)}}</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "这是绑定双花括号",
      myids: "aaid"
    };
  },
  // 局部过滤
  filters: {
    rmb(value) {
      // 若没有value直接输出
      if (!value) return;
      //否则输出以下
      return "$" + value;
    },
    // 传递参数使用
    start(value,number,number2){
        //否则输出以下
      return value+number+number2;
    }
  }
};
</script>

<style>
</style>